<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>

	</head>
	<body>
		<table class="tab tab-hover" id="user_list">
			<tr class="active">
				<th>编号</th><th>昵称</th><th>手机号码</th><th>密码</th><th>注册时间</th><th>上次登陆时间</th>
			</tr>

		</table>
		<script>
			$(function () {
				$("#user_list").bootstrapTable({
					url: "/user/list.do",
					striped: true,//是否显示行的间隔
					pageNumber: 1,//初始化加载第几页
					pagination: true,//是否分页
					sidePagination: 'server',
					pageSize: 5,
					pageList: [5, 10],
					showRefresh: true,
					queryParams: function (params) {
						var temp = {
							offset: params.offset,
							pageNumber: params.limit
						};
						return temp;

					},
					columns: [
						{
							title:"编号",
							field:"u_id",
							sortable:false
						},
						{
							title:"昵称",
							field:"u_name",
							sortable:false
						},
						{
							title:"手机号码",
							field:"u_phone",
							sortable:false
						},

						{
							title:"密码",
							field:"u_password",
							sortable:false
						},
						{
							title:"注册时间",
							field:"u_registertime",
							sortable:false
						},
						{
							title:"上次登录时间",
							field:"u_logintime",
							sortable:false
						}

					]


				});
			});
		</script>


	</body>
</html>
